<style>
  :host {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }

  .container {
    top: 0;
    left: 0;
    display: flex;
    column-gap: 10px;
    padding: 10px 20px;
  }

  .icon-box {
    font-size: 16px;
    cursor: pointer;
    color: #999;
  }

  .icon-box:hover {
    color: #00b9b9;
  }
</style>
<div class="container">
  <i class="icon-box" data-type="download">
    <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M23.9999 29.0001L12 17.0001L19.9999 17.0001L19.9999 6.00011L27.9999 6.00011L27.9999 17.0001L35.9999 17.0001L23.9999 29.0001Z"
        fill="none"
        stroke="currentcolor"
        stroke-width="4"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <path d="M42 37L6 37" stroke="currentcolor" stroke-width="4" stroke-linecap="round" />
      <path d="M34 44H14" stroke="currentcolor" stroke-width="4" stroke-linecap="round" />
    </svg>
  </i>
</div>
